<template>
  <div class="no-comments">
    <img :src="imgSrc" v-if="imgSrc">
    <i class="iconfont icon-warning" v-if="!imgSrc"></i>
    <span v-if="!imgSrc">{{content}}</span>
  </div>
</template>

<script>
  export default {
    name: 'zz-none',
    props: {
      content: {
        type: String,
        default: '暂无数据'
      }
    },
    data () {
      return {
        text: '',
        imgSrc: ''
      }
    },
    mounted () {
//      this.setImg()
    },
    methods: {
      setImg () {
        switch (this.content) {
        }
      }
    }
  }
</script>

<style lang="scss">
  .no-comments{
    text-align: center;
    padding: 60px 0!important;
    i{
      color: $color
    }
    span{
      margin-left: 0.2rem;
      color: $color
    }
    img{
      /*border: 1px solid red*/
    }
  }
</style>
